<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="demo" test="22" class="wtf">
			
		</div>
		<script type="text/javascript">
			var div=document.querySelector('div');
			//1.获取元素属性值
			//element.属性
			console.log(div.id);
			console.log(div.test);		//undefined
			//element.getAttribute("属性")
			console.log(div.getAttribute('id'));	//获取内置属性值(元素本身自带的属性)
			console.log(div.getAttribute("test"));	//主要获得自定义的的属性(标准), 程序员自己定义的属性
			
			//2.设置元素属性值
			// element.属性="值"
			div.id="text";
			div.className="navs";
			//element.setAttribute('属性','值) 主要针对自定义属性
			div.setAttribute('test',2);
			div.setAttribute('class','fucker');
			//3.移除属性
			div.removeAttribute('test')
		</script>
	</body>
</html>
